window.addEventListener('load',function(){

// $(function(){
//     //点击tab_hd,对应得tab_list出现
//     $('.tab_hd ul li').click(function(){
//         var index=$(this).index();
//         // console.log(index);
//         // 当前得item显现
//          $(this).parents('.tab_hd').siblings('.tab_list').children('.item:eq('+index+')').show().siblings('.item').hide();
//          console.log(index);
//         //其余隐藏
//     })

// })



// 原生js
// 获取元素
    var tab_hd = this.document.querySelector('.tab_hd');
    var ul = tab_hd.querySelector('ul');
    var li = ul.querySelectorAll('li');
    var tab_list = document.querySelector('.tab_list');
    var item = tab_list.querySelectorAll('.item');
    //注册事件
    // for (var i = 0; i < li.length; i++) {
    //     //设置元素
    //     li[i].setAttribute('index', i);
    //     //给5个li绑定事件
    //     li[i].addEventListener('click', function () {
    //         //获取元素
    //         var index = this.getAttribute('index');
    //         //  console.log(index);
    //         //排他思想
    //         //当前item显示，其余item隐藏
    //         for (var i = 0; i < item.length; i++) {
    //             item[i].style.display = 'none';
    //         }
    //         item[index].style.display = 'block';

    //     })
    // }

    for (var i=0;i<li.length;i++){
        li[i].index=i;
        li[i].onclick=function(){
            // console.log(this.index);
            for(var i=0;i<item.length;i++){
                item[i].style.display='none';
            }

            item[this.index].style.display='block';
        }
    }

})
